<template>
 <div class="communitys">
     <van-nav-bar
        title="活动详情"
        left-arrow
        @click-left="onClickLeft"
        class="bar"
        />
    <div @click="community(item.boyu_cid)"
         v-for="(item) of boyu_community" 
         :key="item.boyu_cid"
         class="community_party">
        <div class="top">
            <img :src="item.boyu_cpicture" >
            <div class="cents">
              <span v-html="item.boyu_ctitle"></span>
              <p v-html="item.boyu_ctime"></p>
              <p v-html="item.boyu_cplace"></p>
            </div>
        </div>
    </div>
 </div>
</template>
 
<script>
export default {
    data() {
        return {
            boyu_community:[]
        }
    },
    mounted(){
        this.axios.get("/community").then(res=>{
            console.log(res)
            this.boyu_community = res.data.results;
        })
    },
    methods:{
        onClickLeft(){
            this.$router.go(-1)
        },
        community(kk){
            this.$router.push({
                path:"/party",
                query:{
                    cid:kk
                }
            })
        }
    }
}
</script>
 
<style scoped>
 .bar{
     width:100%;
     height: 50px;
 }
 .top {
  margin-top: 50px;
}
.cents {
  padding-left: 15px;
  padding-right: 15px;
}
.cents > span {
  font-weight: 600;
}
.cents > p {
  font-size: 14px;
  color: #888;
  /* padding-top:-10px; */
  margin-top:-10px;
}
.top>img{
  height:230px;
}
</style>